<style>body{background-color: #FFF;}</style>

<div class='wrap-binduser' ng-controller='BindUserName'>
	<div class='header'>绑定手机号</div>
	<div class='body'>
		<div class='am-g'>
			<div class='am-u-sm-8 box-input'>
				<input type='number' class='am-form-field' ng-model='username' placeholder='请输入手机号'>
			</div>
			<div class='am-u-sm-4 box-btn'>
				<button class='am-btn am-btn-success am-btn-xs' ng-click='send_code()'
					ng-if='!banSendCode'>
					获取验证码
				</button>
				<button class='am-btn am-btn-default am-btn-xs' ng-if='banSendCode' disabled>{{banSendCode}}s</button>
			</div>
		</div>
		<div class='am-g'>
			<div class='am-u-sm-12 box-input'>
				<input type='number' class='am-form-field' ng-model='verifyCode' placeholder='请输入验证码'>
			</div>
		</div>
		<div class='label'>您孩子年龄段:</div>
		<div class='am-avg-sm-3 box-select'>
			<li><div ng-class='{"active": childLevel == 1}' ng-click='childLevel = 1'>0-3</div></li>
			<li><div ng-class='{"active": childLevel == 2}' ng-click='childLevel = 2'>3-6</div></li>
			<li><div ng-class='{"active": childLevel == 3}' ng-click='childLevel = 3'>6-12</div></li>
		</div>
	</div>
	<div class='footer'>
		<div class='am-g'>
			<div class='am-u-sm-6'>
				<button class='am-btn am-btn-success am-btn-block' ng-click='submit()'>确定</button>
			</div>
			<div class='am-u-sm-6'>
				<button class='am-btn am-btn-default am-btn-block'>取消</button>
			</div>
		</div>
	</div>

	<div class='box-tip'>
		听出健康，听出安全，和孩子免费体验5天。
	</div>

	<div class='am-modal modal-tip'>
        <div class='am-modal-dialog'>
            <div class='am-modal-bd'>
                绑定身份，让孩子加入卓越儿童365成长计划！<br>
				孩子可免费体验5天~
            </div>
            <div class='am-modal-footer'>
                <button class='am-btn am-btn-sm' data-am-modal-close>关闭</button>
            </div>
        </div>
    </div>
</div>
